/**
* @description: 星爪时尚网
* @author: 石头
* @author url: https://www.xingzhua.com/
* @update: 2022-12-01 16:18
**/

@import "../../images/xingzhua/iconfont/iconfont.css";

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, input, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: none; outline: 0; font-size: 100%; font-weight: 400; vertical-align: baseline; background: transparent; }
html { width: 100%; margin: 0 auto; background: #fff; _background: url(about:black) no-repeat fixed; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { width: 100%; margin: 0 auto; font-family: 'Helvetica Neue', 'Helvetica', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Noto Sans CJK SC', 'WenQuanYi Micro Hei', 'Arial', 'sans-serif'; font-size: 14px; font-weight: 400; color: #000; background: #fff; word-wrap: break-word; word-breakxxxx: break-all; text-rendering: optimizeLegibility; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
* { margin: 0; padding: 0; }
.clearfix:after { display: block; height: 0; overflow: hidden; visibility: hidden; clear: both; content: ""; }
.clearfix { zoom: 1; }
ol, ul { list-style: none; }
i, em { font-style: normal; }
img { -ms-interpolation-mode: bicubic; }
a { text-decoration: none; color: #000; cursor: pointer; }
a:link { color: #000; }
a:visited { color: #000; }
a:hover { text-decoration: none; color: #cc0000; }
.keylink { border-bottom: 1px dotted #cc0000; }
.keylink:hover { text-decoration: none; color: #cc0000; }
.keylink:visited { border-bottom: 1px dotted #cc0000; }
.mobile { display: none !important; }
.main { width: 1300px; overflow: hidden; margin: 0 auto; }
.catTit { float: left; width: 1300px; height: 68px; overflow: hidden; margin-top: 50px; border-top: 1px solid rgba(0,0,0,0.1); border-bottom: 1px solid rgba(0,0,0,0.1); font-size: 20px; line-height: 68px; font-weight: 600; text-align: center; }
.catTit span { margin-right: 15px; text-transform: uppercase; font-weight: 300; }
.catTit a { margin: 0 25px; }
.topSum { float: left; width: 1300px; overflow: hidden; padding: 60px 0 40px; border-bottom: 1px solid rgba(0,0,0,0.1); }
.topSum .tit { width: 800px; height: 70px; overflow: hidden; margin: 0 auto; font-size: 30px; line-height: 70px; font-weight: 600; text-align: center; }
.topSum .txt { width: 1000px; overflow: hidden; margin: 30px auto 0; font-size: 16px; line-height: 2.2; text-align: center; }
.channel { float: left; width: 1300px; height: 66px; overflow: hidden; border-bottom: 1px solid rgba(0,0,0,0.1); font-size: 16px; line-height: 66px; text-align: center; }
.channel .box { float: left; }
.channel .box ul { float: left; }
.channel .box ul li { float: left; width: 50px; text-align: center; }
.channel .box ul li.hov a { color: #cc0000; }

@media only screen and (max-width: 1299px) {
html { min-width: 300px; background: #f8f8f8; }
body { min-width: 300px; background: #f8f8f8; }
a, button, input { -webkit-tap-highlight-color: rgba(255, 0, 0, 0); outline: none; background: none; box-shadow: none; }
a:hover { color: #000; }
.keylink:hover { color: #000; }
.main { width: 10rem; padding-bottom: 0.6rem; background: #fff; }
.pc { display: none !important; }
.mobile { display: block !important; }
.catTit { width: 10rem; height: 1.4rem; margin-top: 0.6rem; font-size: 0.45rem; line-height: 1.4rem; }
.catTit span { margin-right: 0.2rem; }
.catTit a { margin: 0 0.3rem; }
.topSum { width: 10rem; padding: 0.9rem 0 0.5rem; }
.topSum .tit { width: 9rem; height: 1rem; font-size: 0.5rem; line-height: 1rem; }
.topSum .txt { width: 9.2rem; margin: 0.4rem auto 0; font-size: 0.4rem; line-height: 1.8; text-align: justify; }
.channel { width: 9.2rem; height: 1.4rem; padding: 0 0.4rem; font-size: 0.42rem; line-height: 1.4rem; }
.channel .box { width: 9.2rem; height: 1.4rem; -webkit-box-sizing: border-box; box-sizing: border-box; }
.channel .box ul { display: -webkit-box; width: 9.2rem; height: 1.4rem; overflow-x: scroll; -webkit-overflow-scrolling: touch; }
.channel .box ul li { width: 1.2rem; }
.channel .box ul::-webkit-scrollbar { display: none; }
}

/* 顶部 */
.header { float: left; width: 100%; }
.topArea { float: left; width: 100%; height: 50px; border-bottom: 1px solid rgba(0,0,0,0.05); font-size: 14px; line-height: 50px; }
.topArea .main { overflow: visible; }
.topArea .left { float: left; }
.topArea .right { float: right; text-align: right; }
.topArea .right ul { float: left; }
.topArea .right ul li { float: left; position: relative; height: 50px; margin-left: 25px; font-size: 14px; line-height: 50px; }
.topArea .right ul li a { color: #000; }
.topArea .right ul li a:hover .img:before { float: left; position: absolute; top: 46px; left: 50%; border: 5px solid transparent; border-bottom-color: #f8f8f8; transform: translateX(-50%); content: ""; }
.topArea .right ul li a .img img { display: none; }
.topArea .right ul li a:hover .img img { display: block; position: absolute; top: 56px; left: 50%; width: 80px; height: 80px; padding: 5px; transform: translateX(-50%); background: #f8f8f8; }
.topArea .right ul li a p:after { margin-left: 3px; font-family: "iconfont"; content: "\e609"; font-size: 10px; }
.area { width: 1300px; overflow: hidden; margin: 0 auto; }
.area .logo { float: left; width: 254px; height: 70px; overflow: hidden; margin: 40px 523px 30px; }
.area .logo img { float: left; width: 254px; height: 70px; overflow: hidden; }
.area .navBox { float: left; width: 1300px; height: 66px; overflow: hidden; border-top: 1px solid rgba(0,0,0,0.1); border-bottom: 1px solid rgba(0,0,0,0.1); }
.area .navBox .nav { float: left; width: 1300px; height: 66px; overflow: hidden; }
.area .navBox .nav ul { float: left; width: 1300px; height: 66px; overflow: hidden; text-align: center; }
.area .navBox .nav ul li { display: inline-block; position: relative; height: 66px; overflow: hidden; margin-right: 80px; font-size: 16px; line-height: 66px; font-weight: 600; }
.area .navBox .nav ul li:nth-last-child(1) { margin-right: 0; }
.area .navBox .nav ul li a { display: block; height: 66px; }
.area .navBox .nav ul li a span { margin-right: 8px; text-transform: uppercase; font-weight: 300; }
.area .navBox .nav ul li a:hover { color: #000; }
.area .navBox .nav ul li a:hover:after, .area .navBox .nav ul li.hov:after { float: left; position: absolute; bottom: -1px; left: 50%; width: 50px; height: 2px; margin-left: -25px; background: #000; content: ''; }

@media only screen and (max-width: 1299px) {
.topArea { display: none; }
.area { width: 10rem; background: #fff; }
.area .logo { width: 3.99rem; height: 1.1rem; margin: 0.5rem 3.005rem 0.4rem; }
.area .logo img { width: 3.99rem; height: 1.1rem; }
.area .navBox { width: 9.2rem; height: 1.4rem; padding: 0 0.4rem; }
.area .navBox .nav { width: 9.2rem; height: 1.4rem; -webkit-box-sizing: border-box; box-sizing: border-box; }
.area .navBox .nav ul { display: -webkit-box; width: 9.2rem; height: 1.4rem; overflow-x: scroll; -webkit-overflow-scrolling: touch; }
.area .navBox .nav ul li { float: left; height: 1.4rem; margin-right: 0.35rem; font-size: 0.42rem; line-height: 1.4rem; }
.area .navBox .nav ul li:nth-last-child(1) { margin-right: 0; }
.area .navBox .nav ul li a { height: 1.4rem; }
.area .navBox .nav ul li a span { margin-right: 0.12rem; }
.area .navBox .nav ul li a:hover:after { width: 0; }
.area .navBox .nav ul li.hov:after { width: 0.8rem; margin-left: -0.4rem; }
.area .navBox .nav ul::-webkit-scrollbar { display: none; }
}

/* 幻灯 */
.focus { float: left; width: 1300px; overflow: hidden; margin-top: 25px; }
.focus .row { float: left; width: 310px; overflow: hidden; }
.focus .row ul { float: left; }
.focus .row ul li { float: left; width: 310px; overflow: hidden; margin-top: 20px; }
.focus .row ul li:nth-child(1) { margin-top: 0; }
.focus .row ul li .img { float: left; width: 310px; height: 210px; overflow: hidden; }
.focus .row ul li .img img { float: left; width: 310px; height: 210px; overflow: hidden; border-radius: 2px; transition: transform 0.5s ease; }
.focus .row ul li .img a:hover img { transform: scale(1.05); }
.focus .row ul li .txt { float: left; width: 300px; overflow: hidden; margin: 0 5px; }
.focus .row ul li .txt .col { float: left; width: 300px; height: 30px; overflow: hidden; margin-top: 10px; font-size: 14px; line-height: 30px; font-weight: 600; }
.focus .row ul li .txt .col span { margin-right: 6px; text-transform: uppercase; font-weight: 300; }
.focus .row ul li .txt .tit { float: left; width: 300px; height: 30px; overflow: hidden; margin-top: 5px; font-size: 16px; line-height: 30px; }
.focus .box { float: right; width: 970px; overflow: hidden; }
.focus .box .swiper { float: left; position: relative; z-index: 1; width: 640px; height: 590px; overflow: hidden; margin-right: 20px; }
.focus .box .swiper .swiper-wrapper .swiper-slide { float: left; position: relative; z-index: 1; width: 640px; height: 590px; }
.focus .box .swiper .swiper-wrapper .swiper-slide .img { float: left; width: 640px; height: 515px; overflow: hidden; border-radius: 2px; }
.focus .box .swiper .swiper-wrapper .swiper-slide .img img { float: left; width: 640px; height: 515px; overflow: hidden; }
.focus .box .swiper .swiper-wrapper .swiper-slide .txt { float: left; width: 630px; height: 75px; overflow: hidden; margin: 0 5px; }
.focus .box .swiper .swiper-wrapper .swiper-slide .txt .col { float: left; width: 630px; height: 30px; overflow: hidden; margin-top: 10px; font-size: 14px; line-height: 30px; font-weight: 600; text-align: center; }
.focus .box .swiper .swiper-wrapper .swiper-slide .txt .col span { margin-right: 6px; text-transform: uppercase; font-weight: 300; }
.focus .box .swiper .swiper-wrapper .swiper-slide .txt .tit { float: left; width: 630px; height: 30px; overflow: hidden; margin-top: 5px; font-size: 16px; line-height: 30px; text-align: center; }
.focus .box .swiper .swiper-pagination { float: left; position: absolute; top: 480px !important; z-index: 2; }
.focus .box .swiper .swiper-pagination-bullets { display: flex; float: left; width: 100% !important; height: 1px; justify-content: center; align-items: center; }
.focus .box .swiper .swiper-pagination-bullet { width: 25px; height: 1px; background: #fff; opacity: 1; }
.focus .box .swiper .swiper-pagination-bullet-active { background: #cc0000; }
.focus .box .swiper .swiper-button-prev, .focus .box .swiper .swiper-button-next { display: flex; position: absolute; top: 230px; width: 60px; height: 55px; margin-top: 0; justify-content: center; align-items: center; color: #fff; opacity: 0; cursor: pointer; transition: 0.8s; -moz-transition: 0.8s; -webkit-transition: 0.8s; -o-transition: 0.8s; }
.focus .box .swiper:hover .swiper-button-prev, .focus .box .swiper:hover .swiper-button-next { opacity: 1; transition: 0.8s; -moz-transition: 0.8s; -webkit-transition: 0.8s; -o-transition: 0.8s; }
.focus .box .swiper .swiper-button-next::after, .focus .box .swiper .swiper-button-prev::after { font-size: 28px !important; }

@media only screen and (max-width: 1299px) {
.focus { width: 10rem; margin-top: 0.4rem; }
.focus .row { width: 9.2rem; margin: 0.4rem 0.4rem 0; }
.focus .row ul li { width: 4.4rem; margin-top: 0; margin-left: 0.4rem; }
.focus .row ul li:nth-child(1) { margin-left: 0; }
.focus .row ul li .img { width: 4.4rem; height: 2.96rem; }
.focus .row ul li .img img { width: 4.4rem; height: 2.96rem; transition: transform 0s ease; }
.focus .row ul li .img a:hover img { transform: scale(1); }
.focus .row ul li .txt { width: 4.2rem; margin: 0 0.1rem; }
.focus .row ul li .txt .col { width: 4.2rem; height: 0.7rem; margin-top: 0.2rem; font-size: 0.38rem; line-height: 0.7rem; }
.focus .row ul li .txt .col span { margin-right: 0.2rem; }
.focus .row ul li .txt .tit { width: 4.2rem; height: 0.7rem; margin-top: 0; font-size: 0.42rem; line-height: 0.7rem; }
.focus .box { float: left; width: 10rem; }
.focus .box .swiper { width: 9.2rem; height: 9.3rem; margin: 0 0.4rem; }
.focus .box .swiper .swiper-wrapper .swiper-slide { width: 9.2rem; height: 9.3rem; }
.focus .box .swiper .swiper-wrapper .swiper-slide .img { width: 9.2rem; height: 7.4rem; }
.focus .box .swiper .swiper-wrapper .swiper-slide .img img { width: 9.2rem; height: 7.4rem; }
.focus .box .swiper .swiper-wrapper .swiper-slide .txt { width: 8.4rem; height: 1.9rem; margin: 0 0.4rem; }
.focus .box .swiper .swiper-wrapper .swiper-slide .txt .col { width: 8.4rem; height: 0.7rem; margin-top: 0.38rem; font-size: 0.4rem; line-height: 0.7rem; }
.focus .box .swiper .swiper-wrapper .swiper-slide .txt .col span { margin-right: 0.2rem; }
.focus .box .swiper .swiper-wrapper .swiper-slide .txt .tit { width: 8.4rem; height: 0.8rem; margin-top: 0; font-size: 0.42rem; line-height: 0.8rem; }
.focus .box .swiper .swiper-pagination { top: 6.8rem !important; }
.focus .box .swiper .swiper-button-prev, .focus .box .swiper .swiper-button-next { display: none; }
}

/* 列表 */
.list { float: left; width: 1300px; overflow: hidden; margin-top: 25px; }
.list ul { display: flex; float: left; width: 1300px; overflow: hidden; flex-wrap: wrap; gap: 20px; }
.list ul li { float: left; width: 310px; overflow: hidden; }
.list ul li .img { float: left; width: 310px; height: 210px; overflow: hidden; }
.list ul li .img img { float: left; width: 310px; height: 210px; overflow: hidden; border-radius: 2px; transition: transform 0.5s ease; }
.list ul li .img a:hover img { transform: scale(1.05); }
.list ul li .txt { float: left; width: 300px; overflow: hidden; margin: 0 5px; }
.list ul li .txt .col { float: left; width: 300px; height: 30px; overflow: hidden; margin-top: 10px; font-size: 14px; line-height: 30px; font-weight: 600; }
.list ul li .txt .col span { margin-right: 6px; text-transform: uppercase; font-weight: 300; }
.list ul li .txt .tit { float: left; width: 300px; height: 30px; overflow: hidden; margin-top: 5px; font-size: 16px; line-height: 30px; }
.listA { float: left; width: 1300px; overflow: hidden; margin-top: 25px; }
.listA ul { display: flex; float: left; width: 1300px; overflow: hidden; flex-wrap: wrap; gap: 20px; }
.listA ul li { float: left; width: 640px; overflow: hidden; }
.listA ul li .img { float: left; width: 640px; height: 430px; overflow: hidden; }
.listA ul li .img img { float: left; width: 640px; height: 430px; overflow: hidden; border-radius: 2px; }
.listA ul li .txt { float: left; width: 630px; overflow: hidden; margin: 0 5px; }
.listA ul li .txt .col { float: left; width: 630px; height: 30px; overflow: hidden; margin-top: 10px; font-size: 14px; line-height: 30px; font-weight: 600; }
.listA ul li .txt .col span { margin-right: 6px; text-transform: uppercase; font-weight: 300; }
.listA ul li .txt .tit { float: left; width: 630px; height: 30px; overflow: hidden; margin-top: 5px; font-size: 16px; line-height: 30px; }

@media only screen and (max-width: 1299px) {
.list { width: 10rem; margin-top: 0.4rem; }
.list ul { width: 9.2rem; margin: 0 0.4rem; gap: 0.4rem; }
.list ul li { width: 4.4rem; }
.list ul li .img { width: 4.4rem; height: 2.96rem; }
.list ul li .img img { width: 4.4rem; height: 2.96rem; transition: transform 0s ease; }
.list ul li .img a:hover img { transform: scale(1); }
.list ul li .txt { width: 4.2rem; margin: 0 0.1rem; }
.list ul li .txt .col { width: 4.2rem; height: 0.7rem; margin-top: 0.2rem; font-size: 0.38rem; line-height: 0.7rem; }
.list ul li .txt .col span { margin-right: 0.2rem; }
.list ul li .txt .tit { width: 4.2rem; height: 0.7rem; margin-top: 0; font-size: 0.42rem; line-height: 0.7rem; }
.listA { width: 10rem; margin-top: 0.4rem; }
.listA ul { width: 9.2rem; margin: 0 0.4rem; gap: 0.4rem; }
.listA ul li { width: 9.2rem; }
.listA ul li .img { width: 9.2rem; height: 6.18rem; }
.listA ul li .img img { width: 9.2rem; height: 6.18rem; }
.listA ul li .txt { width: 9rem; margin: 0 0.1rem; }
.listA ul li .txt .col { width: 9rem; height: 0.7rem; margin-top: 0.2rem; font-size: 0.38rem; line-height: 0.7rem; }
.listA ul li .txt .col span { margin-right: 0.2rem; }
.listA ul li .txt .tit { width: 9rem; height: 0.8rem; margin-top: 0; font-size: 0.42rem; line-height: 0.8rem; }
}

/* 内容 */
.show { float: left; width: 1300px; overflow: hidden; }
.show .sum { float: left; width: 1300px; overflow: hidden; border-bottom: 1px solid rgba(0,0,0,0.1); }
.show .sum h1 { width: 800px; overflow: hidden; margin: 60px auto 0; font-size: 30px; line-height: 1.8; font-weight: 600; text-align: center; }
.show .sum .des { width: 1000px; overflow: hidden; margin: 30px auto; font-size: 16px; line-height: 2; }
.show .box { float: left; position: relative; width: 1300px; overflow: hidden; }
.show .box .content { width: 640px; overflow: hidden; margin: 30px auto; font-size: 16px; line-height: 2; text-align: justify; }
.show .box .content p { margin-bottom: 20px !important; }
.show .box .content p img { max-width: 640px !important; height: auto !important; overflow: hidden; margin-top: 10px; border-radius: 2px; }
.show .box .content p:nth-child(1) img { margin-top: 0; }
.show .box .content p:nth-last-child(1) { margin-bottom: 0 !important; }
.show .box .bot { float: left; position: absolute; top: 30px; left: 0; width: 300px; overflow: hidden; }
.show .box .bot .copyfrom { float: left; width: 300px; overflow: hidden; margin-bottom: 30px; font-size: 16px; line-height: 2; }
.show .box .bot .pass { float: left; width: 120px; height: 160px; overflow: hidden; }
.show .box .bot .pass img { float: left; width: 110px; height: 110px; overflow: hidden; padding: 4px; border: 1px solid rgba(0,0,0,0.1); border-radius: 2px; }
.show .box .bot .pass p { float: left; width: 120px; height: 40px; overflow: hidden; font-size: 14px; line-height: 40px; text-align: center; }
.show .box .keywords { width: 640px; overflow: hidden; margin: 0 auto; }
.show .box .keywords a { float: left; height: 42px; overflow: hidden; margin-right: 20px; padding: 0 25px; border: 1px solid rgba(0,0,0,0.1); border-radius: 3px; font-size: 15px; line-height: 42px; }
.show .box .tips { width: 600px; overflow: hidden; margin: 30px auto 0; padding: 15px 20px; border-radius: 3px; font-size: 15px; line-height: 2; text-align: justify; background: #f8f8f8; color: #555; }

@media only screen and (max-width: 1299px) {
.show { width: 10rem; }
.show .sum { width: 10rem; }
.show .sum h1 { width: 9rem; margin: 0.9rem 0.5rem 0; font-size: 0.5rem; line-height: 1.8; }
.show .sum .des { width: 9.2rem; margin: 0.4rem 0.4rem; font-size: 0.4rem; line-height: 1.8; text-align: justify; }
.show .box { position: static; width: 10rem; }
.show .box .content { width: 9.2rem; margin: 0.5rem 0.4rem 0.4rem; font-size: 0.42rem; line-height: 1.9; }
.show .box .content p { margin-bottom: 0.3rem !important; }
.show .box .content p img { max-width: 9.2rem !important; height: auto !important; margin-top: 0.2rem; }
.show .box .content p:nth-last-child(1) { margin-bottom: 0 !important; }
.show .box .bot { position: static; top: 0; left: 0; width: 10rem; }
.show .box .bot .copyfrom { width: 8.57rem; margin: 0 0.5rem 0.5rem; padding-left: 0.4rem; border-left: 0.03rem solid rgba(0,0,0,0.1); font-size: 0.4rem; line-height: 2; color: #666; }
.show .box .bot .copyfrom a { color: #666; }
.show .box .bot .pass { display: none; }
.show .box .keywords { width: 9.2rem; }
.show .box .keywords a { height: 1.05rem; margin-right: 0.3rem; padding: 0 0.5rem; font-size: 0.4rem; line-height: 1.05rem; }
.show .box .tips { width: 8.4rem; margin: 0.5rem auto 0; padding: 0.4rem; font-size: 0.36rem; }
}

/* 明星 */
.star { float: left; width: 1300px; overflow: hidden; }
.star .sumBox { float: left; width: 1300px; overflow: hidden; margin-top: 50px; padding-bottom: 30px; }
.star .sumBox .img { float: left; position: relative; width: 500px; height: 335px; overflow: hidden; border-radius: 2px; }
.star .sumBox .img img { float: left; width: 500px; height: 335px; overflow: hidden; }
.star .sumBox .img p { float: left; position: absolute; bottom: 30px; left: 0; max-width: 300px; overflow: hidden; padding: 15px 20px; border-radius: 0 5px 5px 0; font-size: 12px; line-height: 1.7; text-align: justify; background:rgba(0,0,0,0.3); color: #ccc; }
.star .sumBox .sum { float: right; width: 760px; height: 335px; overflow: hidden; }
.star .sumBox .sum .tit { float: left; width: 760px; height: 80px; overflow: hidden; border-bottom: 1px solid rgba(0,0,0,0.05); }
.star .sumBox .sum .tit h1 { float: left; height: 80px; overflow: hidden; font-size: 28px; line-height: 80px; font-weight: 700; }
.star .sumBox .sum .time { float: left; position: relative; height: 80px; overflow: hidden; padding-left: 60px; font-size: 14px; line-height: 80px; color: #9e9e9e; }
.star .sumBox .sum .time span { float: left; position: absolute; top: 15px; left: 0; width: 30px; height: 34px; overflow: hidden; border-bottom: 1px solid #ddd; -webkit-transform: rotate(-60deg); -moz-transform: rotate(-60deg); }
.star .sumBox .sum .txt { float: left; width: 750px; overflow: hidden; margin: 30px 5px 0 5px; }
.star .sumBox .sum .txt p { float: left; width: 250px; height: 46px; overflow: hidden; font-size: 16px; line-height: 46px; }
.star .linkMore { display: flex; float: left; width: 1300px; overflow: hidden; padding: 20px 0; border: 1px solid rgba(0,0,0,0.05); border-right: 0; border-left: 0; flex-wrap: wrap; gap: 20px; }
.star .linkMore a { float: left; width: 198px; height: 46px; overflow: hidden; border: 1px solid rgba(0,0,0,0.05); border-radius: 2px; font-size: 15px; line-height: 46px; text-align: center; }
.star .box { float: left; position: relative; width: 1300px; overflow: hidden; }
.star .box .content { width: 680px; overflow: hidden; margin: 40px auto 0; border: 1px solid rgba(0,0,0,0.05); border-radius: 2px; }
.star .box .content .tit { float: left; width: 640px; height: 60px; overflow: hidden; padding: 0 20px; border-bottom: 1px solid rgba(0,0,0,0.05); font-size: 18px; line-height: 60px; font-weight: 700; }
.star .box .content .tit span { float: left; width: 5px; height: 18px; overflow: hidden; margin: 21px 12px 21px 0; border-radius: 5px; background: #f26522; }
.star .box .content .txt { float: left; width: 640px; overflow: hidden; padding: 20px; font-size: 16px; line-height: 2; text-align: justify; }
.star .box .content .txt p { margin-bottom: 20px !important; }
.star .box .content .txt p:nth-last-child(1) { margin-bottom: 0 !important; }
.star .box .content .keywords { float: left; width: 640px; overflow: hidden; margin: 0 20px 20px; }
.star .box .content .keywords a { float: left; height: 42px; overflow: hidden; margin-right: 20px; padding: 0 25px; border: 1px solid rgba(0,0,0,0.1); border-radius: 3px; font-size: 15px; line-height: 42px; }
.star .box .content .tips { float: left; width: 600px; overflow: hidden; margin: 0 20px 20px; padding: 15px 20px; border-radius: 3px; font-size: 15px; line-height: 2; text-align: center; background: #f8f8f8; color: #555; }
.star .box .pass { float: left; position: absolute; top: 40px; left: 40px; width: 120px; height: 160px; overflow: hidden; }
.star .box .pass img { float: left; width: 110px; height: 110px; overflow: hidden; padding: 4px; border: 1px solid rgba(0,0,0,0.1); border-radius: 2px; }
.star .box .pass p { float: left; width: 120px; height: 40px; overflow: hidden; font-size: 14px; line-height: 40px; text-align: center; }

@media only screen and (max-width: 1299px) {
.star { width: 10rem; }
.star .sumBox { width: 9.2rem; margin: 0.4rem; padding-bottom: 0; }
.star .sumBox .img { width: 9.2rem; height: 6.18rem; }
.star .sumBox .img img { width: 9.2rem; height: 6.18rem; }
.star .sumBox .img p { bottom: 0.4rem; left: 0; max-width: 6.5rem; padding: 0.3rem 0.4rem; font-size: 0.32rem; }
.star .sumBox .sum { width: 9.2rem; height: auto; }
.star .sumBox .sum .tit { width: 9.2rem; height: 1.4rem; margin-top: 0.2rem; border-bottom: 1px solid rgba(0,0,0,0.1); }
.star .sumBox .sum .tit h1 { height: 1.4rem; font-size: 0.5rem; line-height: 1.4rem; }
.star .sumBox .sum .time { height: 1.4rem; padding-left: 1.1rem; font-size: 0.36rem; line-height: 1.4rem; }
.star .sumBox .sum .time span { top: 0.4rem; left: 0; width: 0.8rem; height: 0.4rem; }
.star .sumBox .sum .txt { width: 9.2rem; margin: 0.4rem 0 0 0; }
.star .sumBox .sum .txt p { width: 4.5rem; height: 0.9rem; font-size: 0.4rem; line-height: 0.9rem; }
.star .sumBox .sum .txt p:nth-child(2n) { margin-left: 0.2rem; }
.star .linkMore { width: 9.2rem; padding: 0.4rem; border: 0.4rem solid #f8f8f8; border-right: 0; border-left: 0; gap: 0.4rem; }
.star .linkMore a { width: 2.16rem; height: 1rem; padding: 0 0.3rem; border: 0.02rem solid rgba(0,0,0,0.05); font-size: 0.4rem; line-height: 1rem; }
.star .box { position: static; width: 10rem; }
.star .box .content { width: 10rem; margin: 0 auto; border: 0; border-radius: 0; }
.star .box .content .tit { display: flex; width: 9.2rem; height: 1.5rem; padding: 0 0.4rem; border-bottom: 1px solid rgba(0,0,0,0.1); font-size: 0.45rem; line-height: normal; align-items: center; }
.star .box .content .tit span { width: 0.15rem; height: 0.4rem; margin: 0.55rem 0.25rem 0.55rem 0; }
.star .box .content .txt { width: 9.2rem; padding: 0.4rem; font-size: 0.42rem; line-height: 1.9; }
.star .box .content .txt p { margin-bottom: 0.3rem !important; }
.star .box .content .txt p:nth-last-child(1) { margin-bottom: 0 !important; }
.star .box .content .keywords { width: 9.2rem; margin: 0 0.4rem 0.4rem; }
.star .box .content .keywords a { height: 1.05rem; margin-right: 0.3rem; padding: 0 0.5rem; font-size: 0.4rem; line-height: 1.05rem; }
.star .box .content .tips { width: 8.4rem; margin: 0 0.4rem; padding: 0.4rem; font-size: 0.36rem; }
.star .box .pass { display: none; }
}

/* 其他 */
.friendLink { float: left; width: 1300px; overflow: hidden; margin-top: 50px; border-top: 1px solid rgba(0,0,0,0.1); }
.friendLink .tit { float: left; width: 1300px; height: 56px; overflow: hidden; margin-top: 15px; line-height: 56px; }
.friendLink .tit .left { float: left; font-size: 17px; font-weight: 700; }
.friendLink .tit .right { float: right; font-size: 14px; color: #999; }
.friendLink .txt { float: left; width: 1300px; overflow: hidden; margin-top: 5px; font-size: 15px; line-height: 34px; text-align: justify; }
.friendLink .txt a { margin-right: 12px; }
.footer { float: left; width: 100%; height: 50px; overflow: hidden; margin-top: 50px; padding: 15px 0; font-size: 15px; line-height: 50px; background: #151515; color: #666; }
.footer .left { float: left; }
.footer .right { float: right; text-align: right; }
.footer span { margin-right: 20px; }
.footer a { color: #666; }
.footer a:hover { color: #cc0000; }
.tags { display: flex; float: left; width: 1300px; overflow: hidden; margin: 30px 0; flex-wrap: wrap; gap: 20px; }
.tags a { float: left; width: 123px; height: 44px; overflow: hidden; padding: 0 10px; border: 1px solid rgba(0,0,0,0.05); border-radius: 2px; font-size: 15px; line-height: 44px; text-align: center; }
.page { float: left; width: 640px; overflow: hidden; margin: 50px 329px 0; border: 1px solid rgba(0,0,0,0.1); border-radius: 8px 8px 0 0; }
.page .tit { float: left; width: 600px; height: 66px; overflow: hidden; padding: 0 20px; border-bottom: 1px solid rgba(0,0,0,0.1); font-size: 18px; line-height: 66px; }
.page .tit a { float: left; width: 150px; height: 66px; overflow: hidden; text-align: center; }
.page .tit a.hov { color: #cc0000; }
.page .txt { float: left; width: 600px; overflow: hidden; padding: 25px 20px; font-size: 16px; line-height: 2; text-align: justify; }
.page .txt p { margin-bottom: 15px !important; }
.page .txt p:nth-last-child(1) { margin-bottom: 0 !important; }
.error { float: left; width: 1300px; overflow: hidden; margin: 150px 0; text-align: center; }
.error .tit { font-size: 100px; font-weight: 600; line-height: 1.8; }
.error .txt { font-size: 30px; line-height: 1.8; letter-spacing: 5px; }

@media only screen and (max-width: 1299px) {
.friendLink { display: none; }
.footer { height: auto; margin-top: 0; padding: 0; font-size: 0.4rem; line-height: 0.8rem; text-align: center; background: #f8f8f8; }
.footer .main { background: #151515; padding: 0.4rem 0; }
.footer span { margin-right: 0.3rem; }
.footer a:hover { color: #666; }
.tags { width: 9.2rem; margin: 0.4rem 0.4rem 0; gap: 0.4rem; }
.tags a { width: 2.16rem; height: 1rem; padding: 0 0.3rem; border: 0.02rem solid rgba(0,0,0,0.05); font-size: 0.4rem; line-height: 1rem; }
.page { width: 10rem; margin: 0; border: 0; border-radius: 0; }
.page .tit { width: 10rem; height: 1.4rem; padding: 0; font-size: 0.42rem; line-height: 1.4rem; }
.page .tit a { width: 2.5rem; height: 1.4rem; }
.page .txt { width: 9.2rem; padding: 0.5rem 0.4rem; font-size: 0.42rem; line-height: 1.9; }
.page .txt p { margin-bottom: 0.3rem !important; }
.page .txt p:nth-last-child(1) { margin-bottom: 0 !important; }
.error { width: 10rem; margin: 4rem 0; }
.error .tit { font-size: 2rem; }
.error .txt { font-size: 0.6rem; letter-spacing: 3px; }
}

/* 分页 */
#pages { float: left; width: 100%; overflow: hidden; margin-top: 30px; padding-top: 40px; border-top: 1px solid rgba(0,0,0,0.1); font-size: 15px; text-align: center; }
#pages a { display: inline-block; width: 45px; height: 45px; border: 1px solid rgba(0,0,0,0.1); border-radius: 3px; line-height: 45px; text-align: center; color: #000; background: #fff; }
#pages a.a1 { width: 120px; height: 45px; border-radius: 3px; background: #fff; }
#pages a.pageNum { display: none; }
#pages a:hover { color: #000; }
#pages span { display: inline-block; width: 45px; height: 45px; border: 1px solid #cc0000; border-radius: 3px; font-size: 15px; line-height: 45px; text-align: center; color: #fff; background: #cc0000; }

@media only screen and (max-width: 1299px) {
#pages { width: 10rem; margin-top: 0.5rem; padding-top: 0.6rem; margin-bottom: 0.2rem; font-size: 0.4rem; }
#pages a { width: auto; height: 1.14rem; border: 0; border-radius: 0; line-height: 1.14rem; }
#pages a.a1 { width: 2.5rem; height: 1.1rem; border: 0.02rem solid rgba(0,0,0,0.1); }
#pages a.pageNum { display: none; }
#pages a:hover { color: #000; }
#pages span { width: auto; height: 1.14rem; border: 0; border-radius: 0; font-size: 0.4rem; line-height: 1.14rem; color: #cc0000; background: #fff; }
}

.morein { display: none; }
.mores { float: left; width: 100%; height: 60px; overflow: hidden; margin-top: 40px; text-align: center; }
.mores button { height: 60px; border: 0; line-height: 60px; background: none; }
.moreto button { width: 250px; height: 58px; overflow: hidden; border: 1px solid rgba(0,0,0,0.1); border-radius: 2px; font-size: 15px; line-height: 58px; cursor: pointer; }
.moreto button:after { margin-left: 10px; font-family: "iconfont"; content: "\e609"; font-size: 15px; }

@media only screen and (max-width: 1299px) {
.mores { height: 1.3rem; margin-top: 0.6rem; }
.mores button { height: 1.3rem; line-height: 1.3rem; }
.moreto button { width: 5rem; height: 1.26rem; border: 0.02rem solid rgba(0,0,0,0.1); font-size: 0.36rem; line-height: 1.26rem; }
.moreto button:after { margin-left: 0.3rem; font-size: 0.36rem; }
}